<!DOCTYPE html>
<html>
  <head>
    <title>mammoth</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel='stylesheet' href='/stylesheets/style.css' />  
  </head>
  <body>
    <ul>
      <li><a class="active" href="/">Home</a></li>
      <li><a href="html">html</a</li>
      <li><a href="logout">退出登录</a></li>
      <li><a href="regist">立即注册</a></li>
    </ul>
    <h1>mammoth</h1>
    <div class="container">
        <input id="document" type="file" />
        <div class="row" style="width: 100%;">
            <div class="span8">
                <div id="output" class="well"></div>
            </div>
        </div>
    </div>    
  </body>
  <script src="https://cdn.bootcss.com/mammoth/1.4.8/mammoth.browser.js"></script>
  <script type="text/javascript">
      document.getElementById("document")
          .addEventListener("change", readFileInputEventAsArrayBuffer, false);

      function displayResult(result) {
          let html = result.value;
          let newHTML = html.replace(//g, '')
          .replace('<h1>', '<h1 style="text-align: center;">')
          .replace(/<table>/g, '<table style="border-collapse: collapse;">')
          .replace(/<tr>/g, '<tr style="height: 30px;">')
          .replace(/<td>/g, '<td style="border: 1px solid pink;">')
          .replace(/<p>/g, '<p style="text-indent: 2em;">');
          document.getElementById("output").innerHTML = newHTML;
      }

      function readFileInputEventAsArrayBuffer(event) {
          var file = event.target.files[0];
          var reader = new FileReader();

          reader.onload = function (loadEvent) {
              var arrayBuffer = loadEvent.target.result;//arrayBuffer     
              /*mammoth.convertToHtml({ arrayBuffer: arrayBuffer })
                  .then((result)=>{
                   displayResult
                }).done(); */    
                 mammoth.convertToMarkdown({ arrayBuffer: arrayBuffer })
                  .then((result)=>{
                   saveFile(result.value)
                })
                  .done();               
          };

          reader.readAsArrayBuffer(file);
      }

      async function saveFile(buf) {
					// 要保存的字符串
					const stringData = buf
					// dada 表示要转换的字符串数据，type 表示要转换的数据格式
					const blob = new Blob([stringData], {
						type: "text/plain;charset=utf-8"
					})
					// 根据 blob生成 url链接
					const objectURL = URL.createObjectURL(blob)

					// 创建一个 a 标签Tag
					const aTag = document.createElement('a')
					// 设置文件的下载地址
					aTag.href = objectURL
					// 设置保存后的文件名称
					aTag.download = "文本文件.txt"
					// 给 a 标签添加点击事件
					aTag.click()
					// 释放一个之前已经存在的、通过调用 URL.createObjectURL() 创建的 URL 对象。
					// 当你结束使用某个 URL 对象之后，应该通过调用这个方法来让浏览器知道不用在内存中继续保留对这个文件的引用了。
					URL.revokeObjectURL(objectURL)
			

    }

  </script>


</html>
